<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0," name="viewport">
<meta content="user-scalable=no" name="viewport">
<title>至富通钱包</title>
<script src="http://__JS__/jquery.js"></script>
<script src="http://__JS__/pageloader.js"></script>                                
<link href="http://__CSS__/my-style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="http://__IMG__/favicon.ico">
</head>
<style>
#cover{ 
display:none; 
position:fixed; 
z-index:1; 
top:0; 
left:0; 
width:100%; 
height:100%; 
background:rgba(0, 0, 0, 0.44); 
} 
#coverShow{ 
display:none; 
position:fixed; 
z-index:2; 
top:50%; 
left:50%; 
width:500px; 
height:300px; 
margin-left:-250px; 
margin-top:-250px; 
background:#25a0ee; 
} 
</style>
<body>
<!--img弹窗-->
<div id="cover"></div>
<div id="coverShow"> 
<table align="center" border="0" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; height: 100px; min-height: 100px;" > 
 <tr> 
  <td id="wls" height="50" style="font-size: 36px;">提现中...</td> 
 </tr> 
 <tr> 
  <td align="center"> 
   <img src="http://__IMG__/timg.gif" width="500" style="margin-left:-1px;"> 
  </td> 
 </tr> 
</table> 
</div> 
<!--头像-->
<div id="grad1">
  <img src="http://thirdwx.qlogo.cn/mmopen/Q3auHgzwzM4jias3MNw9z3r2WXhDs2cgkjBsNIWecgKl2ric4NNJXjhPdh4wrwnXPH3CoPrAjX4YD7rgRz3DVAVg/132" width="170" class="grad1-img">
   <div class="grad1-wz">
    <p>种花家</p>
     <p>ID：88888</p>
   </div>
 </div>
</div>
<!--按钮组-->
<div class="anz-bj">
 <div class="anz-block" id="yao1" onClick="hide()">
  <img src="http://__IMG__/qianbao2.png" width="100" class="anz-img">
  <p class="anz-wz">钱包</p>
 </div>
 <div class="anz-block" onClick="coverit()">
  <img src="http://__IMG__/tixian.png" width="100" class="anz-img">
  <p class="anz-wz">提现</p>
 </div>
 <div class="anz-block" id="yao2" onClick="show()">
  <img src="http://__IMG__/hbjl.png" width="100" class="anz-img">
  <p class="anz-wz">红包记录</p>
 </div> 
</div>
 <div style=" background:#f4f5f6; width:100%; height:30px; float:left;">
 </div>
<!--下方的内容-->
<!--section1-->
<section id="nash1">
<div class="xfnr-bx">
 <strong class="xfnr-wz">钱包余额<span class="xfnr-wz3">52.67</span></strong>
</div>
<div class="xfnr-bx">
 <strong class="xfnr-wz">可提现<span class="xfnr-wz3">52.00</span></strong>
</div>
</section>
<!--section2-->
<section style="display:none;" id="nash2">
<div class="xfnr-bx">
 <strong class="xfnr-wz">2018.04.03
  <span class="xfnr-wz2">基础红包</span>
   <span class="xfnr-wz3">0.30</span>
 </strong>
</div>
<div class="xfnr-bx">
 <strong class="xfnr-wz">2018.04.03
  <span class="xfnr-wz2">公司红包</span>
   <span class="xfnr-wz3">25.00</span>
 </strong>
</div>
</section>
<script>
function show(){
        if(document.getElementById("yao2")){
        document.getElementById("nash2").style.display="block";
        document.getElementById("nash1").style.display="none";
        }
        } 
function hide(){
        if(document.getElementById("yao1")){
        document.getElementById("nash1").style.display="block";
        document.getElementById("nash2").style.display="none";
        }
        } 
</script>
<!--img弹窗-->
<script> 
function coverit() 
{ 
var cover = document.getElementById("cover"); 
var covershow = document.getElementById("coverShow"); 
cover.style.display = 'block'; 
covershow.style.display = 'block';
setTimeout(function(){document.getElementById("cover").style.display="none";},3500); 
setTimeout(function(){document.getElementById("coverShow").style.display="none";},3500); 
} 
</script> 
</body>
</html>
